<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>分类备份</title>
    <link rel="stylesheet" href="Sort-backup.css">
</head>
<body>
    <div class="nav">
        <div class="nav-c">
            <div class="logo">
                <img src="images/logo.png" alt="">
            </div>
            <div class="nav-text">
                <ul class="nav-ul">
                    <li class="deta">
                        <a class="deta-big" href="#">首页</a>
                    </li>
                    <li class="deta">
                        <a class="deta-a" href="#">女装</a>
                    </li>
                    <li class="deta">
                        <a class="deta-a" href="#">男装</a>
                    </li>
                    <li class="deta">
                        <a class="deta-a" href="#">箱包</a>
                    </li>
                    <li class="deta-margin0">
                        <a class="deta-a" href="#">配饰</a>
                    </li>
                </ul>

            </div>
            <div class="nav-input">
                <input class="bar" type="text" placeholder="搜索商品名/商品编号">
                <a href="">
                    <img class="input-img" src="images/形状.png" alt="">
                </a>
            </div>
            <div class="nav-shop">
                <a class="shop-img" href="">
                    <img class="like" src="images/like.png" alt="">
                </a>
                <a class="shop-img" href="">
                    <img class="shoping" src="images/购物车.png" alt="">
                </a>
                <a class="shop-img-margin0" href="">
                    <img class="mine" src="images/编组.png" alt="">
                </a>
            </div>
        </div>
    </div>
    <div class="title1">
        <span class="title1-a">外套&针织衫</span>
        <img class="title1-img" src="images/arrow-right.png" alt="">
        <span class="title1-b">休闲外套</span>
    </div>
    <div class="product">
        <ul class="product-ul">
            <li class="product-li">
                <a href="#">
                    <img class="product-imgs" src="images/位图备份.png" alt="">
                    <p class="name">设计师合作款·千鸟格大衣 冬季上新【羊毛】</p>
                    <p class="saiz">【S-XL】</p>
                    <p class="price">¥799</p>
                    <img class="sml-img1" src="images/like.png" alt="">
                    <img class="sml-img2" src="images/购物车.png" alt="">
                </a>
            </li>
            <li class="product-li">
                <a href="#">
                    <img class="product-imgs" src="images/位图备份.png" alt="">
                    <p class="name">设计师合作款·千鸟格大衣 冬季上新【羊毛】</p>
                    <p class="saiz">【S-XL】</p>
                    <p class="price">¥799</p>
                    <img class="sml-img1" src="images/like.png" alt="">
                    <img class="sml-img2" src="images/购物车.png" alt="">
            </li>
            <li class="product-li">
                <a href="#">
                    <img class="product-imgs" src="images/位图备份.png" alt="">
                    <p class="name">设计师合作款·千鸟格大衣 冬季上新【羊毛】</p>
                    <p class="saiz">【S-XL】</p>
                    <p class="price">¥799</p>
                    <img class="sml-img1" src="images/like.png" alt="">
                    <img class="sml-img2" src="images/购物车.png" alt="">
            </li>
            <li class="product-li">
                <a href="#">
                    <img class="product-imgs" src="images/位图备份.png" alt="">
                    <p class="name">设计师合作款·千鸟格大衣 冬季上新【羊毛】</p>
                    <p class="saiz">【S-XL】</p>
                    <p class="price">¥799</p>
                    <img class="sml-img1" src="images/like.png" alt="">
                    <img class="sml-img2" src="images/购物车.png" alt="">
            </li>
            <li class="product-li">
                <a href="#">
                    <img class="product-imgs" src="images/位图备份.png" alt="">
                    <p class="name">设计师合作款·千鸟格大衣 冬季上新【羊毛】</p>
                    <p class="saiz">【S-XL】</p>
                    <p class="price">¥799</p>
                    <img class="sml-img1" src="images/like.png" alt="">
                    <img class="sml-img2" src="images/购物车.png" alt="">
            </li>
            <li class="product-li">
                <a href="#">
                    <img class="product-imgs" src="images/位图备份.png" alt="">
                    <p class="name">设计师合作款·千鸟格大衣 冬季上新【羊毛】</p>
                    <p class="saiz">【S-XL】</p>
                    <p class="price">¥799</p>
                    <img class="sml-img1" src="images/like.png" alt="">
                    <img class="sml-img2" src="images/购物车.png" alt="">
            </li>
        </ul>
    </div>
    <div class="product">
        <ul class="product-ul">
            <li class="product-li">
                <a href="#">
                    <img class="product-imgs" src="images/位图备份.png" alt="">
                    <p class="name">设计师合作款·千鸟格大衣 冬季上新【羊毛】</p>
                    <p class="saiz">【S-XL】</p>
                    <p class="price">¥799</p>
                    <img class="sml-img1" src="images/like.png" alt="">
                    <img class="sml-img2" src="images/购物车.png" alt="">
                </a>
            </li>
            <li class="product-li">
                <a href="#">
                    <img class="product-imgs" src="images/位图备份.png" alt="">
                    <p class="name">设计师合作款·千鸟格大衣 冬季上新【羊毛】</p>
                    <p class="saiz">【S-XL】</p>
                    <p class="price">¥799</p>
                    <img class="sml-img1" src="images/like.png" alt="">
                    <img class="sml-img2" src="images/购物车.png" alt="">
            </li>
            <li class="product-li">
                <a href="#">
                    <img class="product-imgs" src="images/位图备份.png" alt="">
                    <p class="name">设计师合作款·千鸟格大衣 冬季上新【羊毛】</p>
                    <p class="saiz">【S-XL】</p>
                    <p class="price">¥799</p>
                    <img class="sml-img1" src="images/like.png" alt="">
                    <img class="sml-img2" src="images/购物车.png" alt="">
            </li>
            <li class="product-li">
                <a href="#">
                    <img class="product-imgs" src="images/位图备份.png" alt="">
                    <p class="name">设计师合作款·千鸟格大衣 冬季上新【羊毛】</p>
                    <p class="saiz">【S-XL】</p>
                    <p class="price">¥799</p>
                    <img class="sml-img1" src="images/like.png" alt="">
                    <img class="sml-img2" src="images/购物车.png" alt="">
            </li>
            <li class="product-li">
                <a href="#">
                    <img class="product-imgs" src="images/位图备份.png" alt="">
                    <p class="name">设计师合作款·千鸟格大衣 冬季上新【羊毛】</p>
                    <p class="saiz">【S-XL】</p>
                    <p class="price">¥799</p>
                    <img class="sml-img1" src="images/like.png" alt="">
                    <img class="sml-img2" src="images/购物车.png" alt="">
            </li>
            <li class="product-li">
                <a href="#">
                    <img class="product-imgs" src="images/位图备份.png" alt="">
                    <p class="name">设计师合作款·千鸟格大衣 冬季上新【羊毛】</p>
                    <p class="saiz">【S-XL】</p>
                    <p class="price">¥799</p>
                    <img class="sml-img1" src="images/like.png" alt="">
                    <img class="sml-img2" src="images/购物车.png" alt="">
            </li>
        </ul>
    </div>
    <div class="footer">
        <div class="footer-c">
            <ul class="footer-ul">
                <li class="footer-bat">
                    <a href="#">
                        <img class="bat-img" src="images/Shape.png" alt="">
                    </a>
                </li>
                <li class="footer-bat">
                    <a class="bat-a" href="">1</a>
                </li>
                <li class="footer-bat">
                    <a class="bat-a" href="">
                        <img class="bat-imgs " src="images/椭圆形.png" alt="">
                        <img class="bat-imgs " src="images/椭圆形.png" alt="">
                        <img class="bat-imgs " src="images/椭圆形.png" alt="">
                    </a>
                </li>
                <li class="footer-bat">
                    <a class="bat-a" href="">4</a>
                </li>
                <li class="footer-bat">
                    <a class="bat-a" href="">5</a>
                </li>
                <li class="footer-bat">
                    <a class="bat-a" href="">6</a>
                </li>
                <li class="footer-bat">
                    <a class="bat-a" href="">7</a>
                </li>
                <li class="footer-bat">
                    <a class="bat-a" href="">8</a>
                </li>
                <li class="footer-bat">
                   <a class="bat-a" href="">
                    <img class="bat-imgs " src="images/椭圆形.png" alt="">
                        <img class="bat-imgs " src="images/椭圆形.png" alt="">
                        <img class="bat-imgs " src="images/椭圆形.png" alt="">
                    </a>
                   </a>
                </li>
                <li class="footer-bat">
                    <a class="bat-a" href="">50</a>
                </li>
                <li class="footer-bat">
                    <a href="">
                        <img class="bat-img" src="images/left.png" alt="">
                    </a>
                </li>
            </ul>
        </div>
    </div>
</body>

</html>